﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Observatório</title>

    </head>
    <link rel="stylesheet" type="text/css" href="css/estilo_observatorio_geral.css"/>
    <link rel="stylesheet" type="text/css" href="css/estilo_observatorio_home.css"/>
    <link href='http://fonts.googleapis.com/css?family=Average+Sans' rel='stylesheet' type='text/css'>

        <body onload="MM_preloadImages('images/2quadrante_hover.jpg')">
            <div id="wrap_site">
                <div id="topo">
                    <div id="menu">
                        <ul>
                            <li><a href="index.html">INÍCIO</a></li>
                            <li><a href="quem_somos/index.html">QUEM SOMOS</a></li>
                            <li><a href="#">EIXOS DE OBSERVAÇÃO</a></li>
                            <li><a href="#">PROJETOS</a></li>
                            <li><a href="noticias/index.html">NOTÍCIAS</a></li>
                            <li><a href="quem_somos/index.html">CONTATO</a></li>
                            <li><a href="indexSistema.xhtml">ACESSO AO SISTEMA</a></li>	
                        </ul>
                    </div> <!--END MENU-->

                    <div id="redes_sociais"> 
                        <a href="#"><img src="images/icone_tw.jpg" width="17" height="17" alt="Tweeter" /></a>
                        <a href="#"><img src="images/icone_linkedin.jpg" width="17" height="17" alt="LinkedIn" /></a>
                        <a href="#"><img src="images/icone_gplus.jpg" width="17" height="17" alt="Google Plus" /></a>
                        <a href="#"><img src="images/icone_flickr.jpg" width="17" height="17" alt="Flickr" /></a>
                        <a href="#"><img src="images/icone_fb.jpg" width="17" height="17" alt="Facebook" /></a>
                    </div> <!--END REDES SOCIAIS-->

                    <div class="clear_float"></div>
                </div> <!--END TOPO-->

                <div id="conteudo">

                    <div id="sidebar_left">
                        <img src="images/id_observatorio.jpg" width="244" height="240" alt="Observatório" class="float_left" />
                        <a href="eixo_aprendizagem/index.html"><img src="images/bt_home_eixo_ensino_hover.jpg" width="240" height="240" alt="Eixo Ensino Aprendizagem" /></a>
                        <a href="eixo_inovacao/index.xhtml"><img src="images/bt_home_eixo_inovacao_hover.jpg" width="240" height="240" alt="Eixo Inovação" /></a>
                        <a href="eixo_avaliacao/index.xhtml"><img src="images/bt_avaliacao_hover.jpg" width="240" height="240" alt="Eixo Avaliação" /></a>
                        <div class="clear_float"></div>
                    </div>
                    <div id="sidebar_right">
                        <div id="noticas_sidebar">
                            <h1>Notícias</h1>
                            <div id="noticas">
                                <img src="images/chamada_noticia1.jpg" width="235" height="67" alt="noticia 1" />
                                <h4 class="chamada_noticia">O VII Encontro Nacional de Pesquisadores em Gestão Social acontecerá em Belém/PA entre os dias 27 e 29 de maio de 2013. <a href="#" class="leiamais">LEIA+</a></h4>
                                <div class="clear_float"></div>
                            </div>

                            <div id="noticas">
                                <img src="images/chamada_noticia2.jpg" width="92" height="114" alt="noticia 2" />
                                <h4 class="chamada_noticia">Cadernos Gestão Social acaba de publicar seu último número. Convidamos a navegarem no sumário da revista para acessar o editorial, artigos. <a href="#" class="leiamais">LEIA+</a></h4>
                                <div class="clear_float"></div>
                            </div>


                            <div id="noticas">
                                <img src="images/chamada_noticia3.jpg" width="92" height="56" alt="noticia 2" />
                                <h4 class="chamada_noticia">A Revista NAU Social está com chamada aberta para os próximos números. <a href="#" class="leiamais">LEIA+</a></h4>
                                <div class="clear_float"></div>
                            </div>


                           
                        </div>
                    </div>
                    <div class="clear_float"></div>
                </div> <!--END CONTEUDO-->

                <div id="footer">
                    <p class="texto_rodape">Observatório da Formação em Gestão Social (2013)</p>
                </div>
                <div id="wrap_marcas">
                    <img src="images/id_rgs.jpg" width="72" height="51" alt="RGS" />
                    <img src="images/id_ufba.jpg" width="32" height="67" alt="UFBA" />
                    <img src="images/id_ufc.jpg" width="34" height="67" alt="UFC" />
                    <img src="images/id_usp.jpg" width="34" height="67" alt="UFC" />      
                    <img src="images/id_puc.jpg" width="37" height="67" alt="PUC" />
                    <img src="images/id_udesc.jpg" width="47" height="67" alt="UDESC" />
                    <img src="images/id_ufb.jpg" width="71" height="67" alt="UFB" />
                </div>





            </div> <!--END WRAP SITE-->
        </body>
</html>
